<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>我的卡劵</title>
    <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=0">
    <!-- 电话号码不被显示为超链接 -->
    <meta content="telephone=no" name="format-detection" />
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="./static/css/animate.css">
    <link rel="stylesheet" href="./static/css/com.css">
    <link href="./static/css/index.2525f9504888eb93733ed3ab5519e5e3.css" rel="stylesheet">
    <link rel="stylesheet" href="./static/css/my-voucher.css">
</head>

<body>
    <div id='app'>

        <hea-controll :icon_json='heaIconJson' @right1='right1' @right2='right2'></hea-controll>

        <div style="padding:85px 20px 30px;">
            <div>
                <div class='voucher-list' v-for='(val,index) in 10' :key='index'>
                    <div class='left-info'>
                        <p>优惠卷</p>
                        <p>限2018.9.30--2018.10.10前使用</p>
                        <p>券码：D12345</p>
                    </div>
                    <div class='right-btn' :style="{'background':index==2?'#eee':''}">
                        <p>天使花束</p>
                        <button @click='voucherBtn(val)'>去使用</button>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <script src="./static/js/com.js"></script>
    <script src="./static/js/jquery-3.3.1.min.js"></script>
    <script src='./static/js/vue.min.js'></script>
    <script src="./component/com/header.js"></script>
    <script src="./static/js/vue-service-my-voucher.js"></script>
</body>

</html>